<template>
  <tabbar>
    <tabbaritem path="/home">
      <img slot="item-icon" src="~assets/img/tabbar/home.svg" alt="">
      <img slot="item-icon-active" src="~assets/img/tabbar/home-active.svg" alt="">
      <div slot="item-text">首页</div>
    </tabbaritem>
    <tabbaritem path="/classify">
      <img slot="item-icon" src="~assets/img/tabbar/classify.svg" alt="">
      <img slot="item-icon-active" src="~assets/img/tabbar/classify-active.svg" alt="">
      <div slot="item-text">分类</div>
    </tabbaritem>
    <tabbaritem path="/shop">
      <img slot="item-icon" src="~assets/img/tabbar/shop.svg" alt="">
      <img slot="item-icon-active" src="~assets/img/tabbar/shop-active.svg" alt="">
      <div slot="item-text">购物车</div>
    </tabbaritem>
    <tabbaritem path="/me">
      <img slot="item-icon" src="~assets/img/tabbar/me.svg" alt="">
      <img slot="item-icon-active" src="~assets/img/tabbar/me-active.svg" alt="">
      <div slot="item-text">我的</div>
    </tabbaritem>
  </tabbar>
</template>

<script>
import tabbar from  'components/common/tabbar/tabbar'
import tabbaritem from 'components/common/tabbar/tabbaritem'
export default {
  name:'Maintabbar',
  components: {
    tabbar,
    tabbaritem
  }
}
</script>

<style scoped>
</style>